<template>
	<div class="all_page">
		<div id="head">
			<h3>我的</h3>
			<div class="content">
				<img src="../../assets/images/mine_head.jpg" alt=""/>
				<div class="font">
					<h3>卑微的我</h3>
					<div class="infor">
						<span>关注：12</span>
						<span>粉丝：12</span>
					</div>
				</div>
				<div class="user_home">
					<router-link :to="{path:'/personal'}">个人主页<span class="el-icon-arrow-right"></span></router-link>
				</div>
				<div class="clear"></div>
			</div>
		</div>

		<div class="message">
			消息提醒
		</div>
		<div class="mine_collect">
			我的收藏
		</div>
			
		<div class="mine_money">
			我的逗币
		</div>
		<div class="mine_order">
			我的订单
		</div>
		<div class="set_up">
			设置
		</div>	
		<Homenav></Homenav>		
		</div>
		
		
	
</template>
<script>
	import Homenav from '@/components/homenav'
	export default{
		name:'mine',
		data(){
			return{

			}
		},
		components:{
            Homenav
        }
		
		
	}
</script>
<style scoped lang="less">
*{
	margin: 0;
	padding: 0;
}
.all_page{
	background: #f0f0f0;
	
	
}
#head{
	background: #fff;
}
h3{
	font-weight: normal;
	font-size:15/35rem;
	text-align:center;
	margin: 10px 10px 0;
}

.content{
	width:100%;
	font-size:12/35rem;
	background: #fc8728;
	padding: 20/35rem 5/35rem; 

}
.content img{
	width:60/35rem;
	height:60/35rem;
	border-radius: 50%;
	float: left;
}
.content .font{
	margin:0 10/35rem;
	float: left;
}
.content .font h3{
	text-align:left;

}
.content .font .infor{
	margin:10/35rem 0;
}
.content .font .infor span{
	margin: 0 10/35rem;
}	

.content .user_home{
	padding: 20/35rem 5/35rem 0 0;
	text-align: right;
}
.message,.mine_collect,.mine_money,.mine_order,.set_up{
	padding: 10/35rem 5/35rem 8/35rem;
	background: #fff;
}
.message,.mine_collect,.mine_money,.set_up{
	margin:8/35rem 0 0 0;
}
.foot_nav{
	margin: 100/35rem 0 0 0;
	background: #fff;
}
.foot_nav ul{
	float: left;
}
.foot_nav ul li{
	text-decoration: none;
	list-style: none;
	float: left;
	padding: 30/35rem 0 0 40/35rem;
}

.clear{
	clear: both;
}












</style>